<template>
    <div class="boy">
        <h3>男人组件</h3>
        <div>金钱：{{$store.state.money}}</div>
        <button @click="addMoney">搬砖+1</button>
        <button @click="addMoreMoney(1000)">卖肾+100</button>
    </div>
</template>

<script>
import { mapMutations} from 'vuex'
export default {
    methods:{
        ...mapMutations(['addMoney','addMoreMoney']),
        //代码等价于
        // ...{
        //     addMoney(){
        //         this.$store.commit('addMoney')
        //     },
        //     addMoreMoney(){
        //         this.$store.commit('addMoreMoney',1000)
        //     }
        // }
        //error 不能直接修改仓库的数据
        // add(){
        //     this.$store.state.money++
        // }
        // add(){
        //     this.$store.commit('addMoney')
        // },
        // addMore(){
        //     this.$store.commit('addMoreMoney',1000)
        // }
    }
}
</script>

<style>
button {
    padding: 5px;
    line-height: 30px;
    margin-left: 10px;
}
</style>
